/* order_pkg/pages/order/order.wxss */
Page {
    background-color: #fafafa;
}

.t-tabs__item-inner--active {
    color: #fa1208;
}

.t-tabs__track {
    background-color: #fa1208!important;
}

.scroll {
    height: 100vh;
}

.order-box {
    padding: 30rpx;
    box-sizing: border-box;
    margin: 20rpx auto;
    width: 710rpx;
    box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(0,0,0,0.05);
    border-radius: 16rpx;
    background-color: #fff;

    .top {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .left {
            font-size: 26rpx;
            color: #777;
            line-height: 40rpx;
            font-weight: 400;
        }

        .right {
            font-size: 26rpx;
            color: #fa2209;
            line-height: 40rpx;
            font-weight: 400;
        }
    }

    .mid {
        margin-top: 30rpx;
        display: flex;
        justify-content: space-between;

        .left {
            image {
                width: 180rpx;
                height: 180rpx;
            }
        }

        .mid-mid {
            flex: 1;
            margin-left: 16rpx;
            height: 80rpx;
            font-size: 28rpx;
            color: #303133;
            line-height: 40rpx;
            font-weight: 400;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

        .right {
            margin-left: 16rpx;
            font-size: 28rpx;
            color: #999;
            line-height: 40rpx;
            font-weight: 400;
            
        }
    }

    .order-box-bottom {
        margin-top: 30rpx;
        text-align: right;
        font-size: 26rpx;
        color: #303133;
        line-height: 40rpx;
        font-weight: 400;
    }

    .button {
        margin-top: 30rpx;

        button {
            margin-left: 450rpx;
            width: 200rpx;
            height: 52rpx;
            background-color: #fff;
            border-radius: 10rpx;
            font-size: 28rpx;
            color: #383838;
            line-height: 52rpx;
            font-weight: 400;
        }
    }
}

.noDetail {
    image {
        margin: 110rpx 221rpx 44rpx 221rpx;
        width: 308rpx;
        height: 200rpx;
    }

    .text {
        font-size: 30rpx;
        color: #808080;
        text-align: center;
    }
}